<?php 
	$message = $this->message;
?>

<section class="grid_12" style="width: 60%;margin-left: 20%;">
	<div class="block-border" style="margin-bottom: 20px;">
	       <form class="block-content form" id="edit_form" method="post" action="">
				
				<h1>メール設定</h1>
				
				<fieldset> 
					<legend>メール設定</legend>

					<!-- Message display -->
					<?php if($message):?>
					<ul class="message success no-margin">
						<li><?php echo $message?></li>
					</ul>
					<?php endif;?>

					<p class="inline-label">
						<label for="mail_host">メールサーバホスト</label>
						<?php echo $this->formText("mail_host", $this->mail_host);?>
					</p>
					
					<p class="inline-label">
						<label for="mail_port">メールサーバポート</label>
						<?php echo $this->formText("mail_port", $this->mail_port);?>
					</p>
					
					<p class="inline-label">
						<label for="mail_protocol">メールセキュリティプロトコル</label>
						<?php echo $this->formText("mail_protocol", $this->mail_protocol);?>
					</p>
					
					<p class="inline-label">
						<label for="mail_username">メールユーザ名</label>
						<?php echo $this->formText("mail_username", $this->mail_username);?>
					</p>
					
					<p class="inline-label">
						<label for="mail_password">メールパスワード</label>
						<?php echo $this->formPassword("mail_password", $this->mail_password);?>
					</p>
					
					<p class="inline-label">
						<label for="mail_password_confirm">メールパスワード承認</label>
						<?php echo $this->formPassword("mail_password_confirm", $this->mail_password_confirm);?>
					</p>
				</fieldset>

				<fieldset class="grey-bg no-margin">
					<p>
						<button type="submit">変更</button>
						<button type="button" id="backbtn">戻す</button>
					</p>
				</fieldset>
				
			</form>
		</div>
</section>

<!-- Table script -->
<script type="text/javascript">
$(document).ready(function(){	
	$("#backbtn").click(function(){
		window.location = "/admin";
	});
	
	//入力を検証する
	$("#edit_form").validate({
 		rules: {
			mail_host: {
 				required: true
 			},
 			mail_port: {
 				required: true,
 				number: true
 			},
 			mail_protocol: {
 				required: true
 			},
 			mail_username: {
 				required: true
 			},
 			mail_password: {
 				required: true
 			},
 			mail_password_confirm: {
 				required: true,
 				equalTo: "#mail_password"
 			}
		},
		messages: {
			mail_host: {
				required: "このフィールドは必須です。"
			},
			mail_port: {
				required: "このフィールドは必須です。",
				number: "有効な番号を入力してください。"
			},
			mail_protocol: {
				required: "このフィールドは必須です。"
			},
			mail_username: {
				required: "このフィールドは必須です。"
			},
			mail_password: {
				required: "このフィールドは必須です。"
			},
			mail_password_confirm: {
				required: "このフィールドは必須です。",
				equalTo: "前のパスワードのように入力してください。"
			}
		}
	});
});
</script>